<!--
Copyright 2014 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->

<link rel="import" href="../bower_components/paper-button/paper-button.html">

<polymer-element name="ct-button" attributes="label onTap" noscript>
  <template>
    <style>
      :host {
        display: flex;
        flex-direction: column;
      }

      paper-button:focus {
        border: 1px solid #4d90fe;
        outline: none;
      }

      paper-button:active {
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
      }

      paper-button:active, paper-button:hover {
        background: #f8f8f8;
        border-color: #c6c6c6;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
        color: #222;
      }
    </style>
    <paper-button raised on-tap="{{ onTap }}">{{ label }}</paper-button>
  </template>
</polymer-element>
